<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据中心</title>
</head>

<body>
    <header>
        <div id="hd-left">
            <div id="logo">
                <img src="../src/images/logo-top.png" alt="" id="hd-logo-top">
                <img src="../src/images/logo-down.png" alt="" id="hd-logo-down">
            </div>
            <span>热爱105°C的你</span>
        </div>
        <ul id="hd-right">
            <img src="../src/images/我的-头像.png" alt="" id="hd-touxiang">
            <div id="hd-chose">
                <select name="" id="hd-select">
                    <option value="">蒲嘉伟666</option>
                </select>
                <ul id="xialacaidan">
                    <li>个人中心</li>
                    <li>修改密码</li>
                    <li>退出登录</li>
                </ul>
            </div>
            <img src="../src/images/消息.png" alt="" id="hd-news">
            <img src="../src/images/我的-设置.png" alt="" id="hd-setting">
            </div>
    </header>
    <main>
        <div id="main-left">
            <ul>
                <li id="main-left-sy"><img src="./images/sy.png" alt="">首页</li>
            </ul>
            <ul class="sj">
                <li class="ll"><img src="./images/sjzx.png" alt="">数据中心</li>
                <li class="ll1">小区管理</li>
                <li class="ll2">楼宇管理</li>
                <li class="ll3">车位管理</li>
                <li class="ll4">业主管理</li>
                <li class="ll5">租客管理</li>
                <li class="ll6">访客管理</li>
                <li class="ll7">广告位管理</li>
                <li class="ll8">车辆管理</li>
            </ul>
            <ul class="sf">
                <li><img src="./images/sfgl.png" alt="">收费管理</li>
                <li>收银台</li>
                <li>抄表录入</li>
                <li>未交账单</li>
                <li>缴费通知</li>
                <li>已交账单</li>
                <li>预存款管理</li>
                <li>收费设置</li>
            </ul>
            <ul class="wy">
                <li class="go-yw"><img src="./images/ywfw.png" alt="">物业服务</li>
                <li>公告管理</li>
                <li>报事报修</li>
                <li>投诉管理</li>
                <li>短信管理</li>
                <li>装修管理</li>
            </ul>
            <ul class="zl">
                <li><img src="./images/zlgl.png" alt="">租赁管理</li>
                <li>客户管理</li>
                <li>车位租赁</li>
                <li>广告位租赁</li>
                <li>房屋租赁</li>
                <li>合同管理</li>
            </ul>
            <ul class="wl">
                <li><img src="./images/wlgl.png" alt="">物料管理</li>
                <li>供应商管理</li>
                <li>仓库管理</li>
                <li>物料清单</li>
                <li>采购入库</li>
                <li>领用出库</li>
                <li>维修领退材</li>
                <li>库存查询</li>
            </ul>
        </div>
        <div id="main-right">
            <!-- 小区管理 -->
            <div id="community">
                <!-- 小区管理头部导航 -->
                <div class="community-nav">
                    <h4>小区管理</h4>
                    <div class="community-search">
                        <input type="text" placeholder="请输入小区名字">
                        <button class="sousuo"></button>
                    </div>
                </div>
                <!-- 小区名详情 -->
                <div class="community-content">
                    <!-- 具体的小区 -->
                    <!-- <div class="specific-community">
                        <div class="specific-community-top">
                            <div class="specific-item">
                                <div><img src="./images/items01.png" alt=""></div>
                                <div>
                                    <h3>中山国际</h3>
                                    <p><span>到期时间：</span><span>2021-10-25</span></p>
                                </div>
                            </div>
                            <div class="specific-item1">
                                <img src="./images/items02.png" alt="">
                                <img src="./images/items03.png" alt="">
                                <img src="./images/items04.png" alt="">
                            </div>
                        </div>
                        <div class="specific-community-bottom">
                            <span><img src="./images/items05.png" alt="">续费</span>
                            <span><img src="./images/items06.png" alt="">编辑</span>
                            <span><img src="./images/items07.png" alt="">删除</span>
                        </div>
                    </div>
                    <div class="specific-community">
                        <div class="specific-community-top">
                            <div class="specific-item">
                                <div><img src="./images/items01.png" alt=""></div>
                                <div>
                                    <h3>新怡家园</h3>
                                    <p><span>到期时间：</span><span>2025-10-25</span></p>
                                </div>
                            </div>
                            <div class="specific-item1">
                                <img src="./images/items02.png" alt="">
                                <img src="./images/items03.png" alt="">
                                <img src="./images/items04.png" alt="">
                            </div>
                        </div>
                        <div class="specific-community-bottom">
                            <span><img src="./images/items05.png" alt="">续费</span>
                            <span><img src="./images/items06.png" alt="">编辑</span>
                            <span><img src="./images/items07.png" alt="">删除</span>
                        </div>
                    </div>
                    <div class="specific-community">
                        <div class="specific-community-top">
                            <div class="specific-item">
                                <div><img src="./images/items01.png" alt=""></div>
                                <div>
                                    <h3>中海国际山庄</h3>
                                    <p><span>到期时间：</span><span>2022-10-25</span></p>
                                </div>
                            </div>
                            <div class="specific-item1">
                                <img src="./images/items02.png" alt="">
                                <img src="./images/items03.png" alt="">
                                <img src="./images/items04.png" alt="">
                            </div>
                        </div>
                        <div class="specific-community-bottom">
                            <span><img src="./images/items05.png" alt="">续费</span>
                            <span><img src="./images/items06.png" alt="">编辑</span>
                            <span><img src="./images/items07.png" alt="">删除</span>
                        </div>
                    </div> -->
                    <!-- 添加小区 -->
                    <div class="add-specific-community">
                        <p>+</p>
                        <h4>添加小区</h4>
                        <p>当前还能添加<span>2</span>个小区</p>
                    </div>
                </div>

            </div>
            <!-- 小区购买 -->
            <div id="bayCommunity">
                <h2>小区购买</h2>
                <div id="bayCommunity-center">
                    <div class="bayCommunity-moneys">
                        <p class="bayCommunity-moneys-top"><span
                                class="bayCommunity-money-username">账&nbsp;&nbsp;&nbsp;&nbsp;号：1890808XXXX</span>
                            <span>单&nbsp;&nbsp;&nbsp;&nbsp;价:￥3000.00/年</span>
                        </p>
                        <div class="bayCommunity-money">
                            <p>1000元</p>
                            <p>一年标注版</p>
                        </div>
                        <div class="bayCommunity-money">
                            <p>2500元</p>
                            <p>三年尊享版</p>
                        </div>
                        <div class="bayCommunity-money">
                            <p>10000元</p>
                            <p>终身至尊版</p>
                        </div>
                    </div>
                    <div class="payCommunity">
                        <p>应付金额：<span>10000</span>元</p>
                        <img src="./images/code.png" alt="">
                        <p>请使用支付宝或者微信扫码支付</p>
                        <button>返回</button>
                    </div>
                </div>
            </div>
            <!-- 新增/修改小区 -->
            <div id="addCommunity">
                <h3> 新增/修改小区</h3>
                <div class="addCommunity-content">
                    <div class="addCommunity-content-demo">
                        <span>小区名称:</span><input type="text" placeholder="请输入" class="communityName">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>小区地址:</span>
                        <select name="" id="" class="Province">
                            <option value="四川省">四川省</option>
                        </select>
                        <select name="" id="" class="City">
                            <option value="成都市">成都市</option>
                        </select>
                        <select name="" id="" class="Area">
                            <option value="青羊区">青羊区</option>
                            <option value="青羊区">高新区</option>
                            <option value="青羊区">天府新区</option>
                        </select>
                        <input type="text" placeholder="请输入" id="small-input">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>小区负责人:</span><input type="text" placeholder="请输入" class="communityManager">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>负责人电话:</span><input type="text" placeholder="请输入" class="ManagerNumber">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>小区logo:</span><img src="./images/addPhoto.jpg" alt="">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>小区图片:</span><img src="./images/addPhoto.jpg" alt="">
                    </div>
                    <div class="addCommunity-content-demo">
                        <button class="next-step">下一步</button>
                        <button class="go-back">返回</button>
                    </div>

                </div>
            </div>
            <!-- 删除小区 -->
            <div id="deletCommunity">
                <p>删除提示</p>
                <div class="deletCommunity-content">
                    <img src="./images/warning.png" alt="">
                    <div>
                        <strong>你确定要删除小区吗？</strong>
                        <p>删除后，小区对应的数据也会一并删除，请谨慎操作！</p>
                    </div>
                </div>
                <div class="deletCommunity-button">
                    <button class="deletCommunity-confirm">确定</button>
                    <button class="deletCommunity-cancel">取消</button>
                </div>
            </div>
            <!-- 新增/修改小区其他信息 -->
            <div class="Other-information">
                <p>其他信息</p>
                <div class="addCommunity-content">
                    <div class="addCommunity-content-demo">
                        <span>占地面积:</span><input type="text" placeholder="请输入" class="floorSpace">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>建筑面积:</span><input type="text" placeholder="请输入" class="buildingSpace">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>公共场所面积:</span><input type="text" placeholder="请输入" class="publicSpace">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>绿化面积:</span><input type="text" placeholder="请输入" class="greeningSpace">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>设计车位面积:</span><input type="text" placeholder="请输入" class="designParkingSpace">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>车库面积:</span><input type="text" placeholder="请输入" class="garageSpace">
                    </div>
                    <div class="addCommunity-content-demo">
                        <span>备注:</span><textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
                    <div class="addCommunity-content-demo">
                        <button class="save">保存</button><button class="go-pay">支付</button><button
                            class="go-back">返回</button>
                    </div>
                </div>

            </div>
            <!-- 楼宇管理 -->
            <div id="building">
                <!-- 楼宇管理头部 -->
                <div class="building-head">
                    <h3>楼宇管理</h3>
                    <div class="building-nav">
                        <span>小区名称</span>
                        <select name="" id="buildingCommunity">
                            <!-- <option value="">中山国际</option>
                            <option value="">新怡家园</option>
                            <option value="">中山国际山庄</option> -->
                        </select>
                        <span>小区地址：四川省成都市高新区XXX路1289号</span>
                    </div>
                    <div class="classify">
                        <span class="color">住宅</span>
                        <span>办公</span>
                        <span>公寓</span>
                        <span>商用</span>
                    </div>
                </div>
                <!-- 楼宇管理具体详情 -->
                <div class="building-content">
                    <div class="building-content-nav">
                        <h4>楼栋</h4>
                        <span>+增加楼栋</span>
                        <h3>1栋</h3>
                        <span>楼宇朝向:西南</span>
                        <span>楼高：300米</span>
                        <span>楼宇结构：框架</span>
                        <span>添加房屋</span>
                        <span>收费标准设置</span>
                        <span>删除</span>
                    </div>
                    <div class="building-content-main">
                        <ul>
                            <li>1栋<button>编辑</button><button>删除</button></li>
                            <li>2栋<button>编辑</button><button>删除</button></li>
                            <li>3栋<button>编辑</button><button>删除</button></li>
                        </ul>
                        <table cellspacing="0">
                            <tr>
                                <td></td>
                                <td>一单元</td>
                                <td>二单元</td>
                                <td>三单元</td>
                            </tr>
                            <tr>
                                <td>9楼</td>
                                <td>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-1-101</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-1-102</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-1-103</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-1-104</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-1-105</span>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-2-101</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-2-102</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-2-103</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-2-104</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-2-105</span>
                                    </div>
                                </td>
                                <td>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-3-101</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-3-102</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-3-103</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-3-104</span>
                                    </div>
                                    <div>
                                        <input type="checkbox">
                                        <span>1-3-105</span>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td>8楼</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>7楼</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>6楼</td>
                                <td></td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                </div>
                <!-- 楼栋设置 -->
                <div class="set-Building">
                    <h4>楼栋设置</h4>
                    <div>
                        <span>楼栋名称：</span>
                        <input type="text" placeholder="请输入楼栋名称" class="buildingName">
                    </div>
                    <div>
                        <span>楼宇朝向：</span>
                        <input type="text" placeholder="请输入楼宇朝向" class="buildingToward">
                    </div>
                    <div>
                        <span>楼高：</span>
                        <input type="text" placeholder="请输入楼高" class="buildingHeight">
                    </div>
                    <div>
                        <span>楼宇结构：</span>
                        <input type="text" placeholder="请输入楼宇结构" class="buildingStructure">
                    </div>
                    <div>
                        <span>单元数:</span>
                        <input type="text" placeholder="请输入单元数" class="buildingUnit">
                    </div>
                    <div>
                        <span>楼层:</span>
                        <input type="text" placeholder="请输入楼层" class="buildingfloor">
                    </div>
                    <div>
                        <button class="addBuilding">确定</button>
                        <button>返回</button>
                    </div>
                </div>
                <!-- 添加房屋 -->
                <div class="addHome">
                    <h4>添加房屋</h4>
                    <div>
                        <span>单元:</span>
                        <select name="" id="" class="addHomeUnit">
                            <option value="">请选择单元</option>
                        </select>
                    </div>
                    <div>
                        <span>所在楼层:</span>
                        <select name="" id="" class="addHomefloor">
                            <option value="">请选择楼层</option>
                        </select>
                    </div>
                    <div>
                        <span>房号:</span>
                        <input type="text" placeholder="请输入房号" class="addHomeNumber">
                    </div>
                    <div>
                        <span>朝向:</span>
                        <select name="" id="" class="addHomeToward">
                            <option value="东">东</option>
                            <option value="南">南</option>
                            <option value="西">西</option>
                            <option value="北">北</option>
                        </select>
                    </div>
                    <div>
                        <span>建筑面积:</span>
                        <input type="text" placeholder="请输入建筑面积" class="addHomeArea">
                    </div>
                    <div>
                        <span>套内面积:</span>
                        <input type="text" placeholder="请输入套内面积" class="addHomeWithin">
                    </div>
                    <div>
                        <span>公摊面积:</span>
                        <input type="text" placeholder="请输入公摊面积" class="addHomePublic">
                    </div>
                    <div>
                        <span>房屋户型:</span>
                        <input type="text" class="room">室
                        <input type="text" class="hall">厅
                        <input type="text" class="guard">卫
                    </div>
                    <div>
                        <button class="addBtn">确定</button>
                        <button>取消</button>
                    </div>
                </div>
                <!-- 收费标准设置 -->
                <div class="Charge-standard">
                    <h4>添加房屋</h4>
                    <div>
                        <span>请选择收费标准：</span>
                        <select name="" id="">
                            <option value="">请选择收费标准</option>
                            <option value="">普通住宅</option>
                            <option value="">洋房</option>
                            <option value="">小高层</option>
                        </select>
                    </div>
                    <div>
                        <button>确定</button>
                        <button>返回</button>
                    </div>
                </div>
                <!-- 删除楼层 -->
                <div class="deletBuilding">
                    <p>删除提示</p>
                    <div class="deletBuilding-content">
                        <img src="./images/warning.png" alt="">
                        <div>
                            <strong>你确定要删除楼号吗？</strong>
                            <p>删除后，小区对应的数据也会一并删除，请谨慎操作！</p>
                        </div>
                    </div>
                    <div class="deletBuilding-button">
                        <button class="deletBuilding-confirm">确定</button>
                        <button class="deletBuilding-cancel">取消</button>
                    </div>
                </div>
            </div>
            <!-- 车位管理 -->
            <div id="Parking-space">
                <div class="Parking-space-nav">
                    <div>
                        <span>添加</span>
                        <span>导入</span>
                        <span>添加收费标准</span>
                        <span>删除</span>
                    </div>
                    <div>
                        <input type="text" placeholder="请输入车位号" class="parkingSpaceInput">
                        <button class="sousuo"></button>
                        <button class="screen"></button>
                    </div>
                </div>
                <table cellspacing="0">
                    <thead>
                        <tr>
                            <th><input type="text"></th>
                            <th>车位编号</th>
                            <th>所属小区</th>
                            <th>车位类型</th>
                            <th>车位状态</th>
                            <th>车位面积</th>
                            <th>收费标准个数</th>
                            <th>收费金额</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td><input type="text"></td>
                            <td>23242342</td>
                            <td>中山国际</td>
                            <td>公共车位</td>
                            <td>出租</td>
                            <td>12m²</td>
                            <td>2</td>
                            <td>￥400/月</td>
                            <td>
                                <span>详情</span>
                                <span>绑定住户</span>
                                <span>绑定车辆</span>
                                <span>添加收费标准</span>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="text"></td>
                            <td>23242342</td>
                            <td>中山国际</td>
                            <td>公共车位</td>
                            <td>出租</td>
                            <td>12m²</td>
                            <td>2</td>
                            <td>￥400/月</td>
                            <td>
                                <span>详情</span>
                                <span>绑定住户</span>
                                <span>绑定车辆</span>
                                <span>添加收费标准</span>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="text"></td>
                            <td>23242342</td>
                            <td>中山国际</td>
                            <td>公共车位</td>
                            <td>出租</td>
                            <td>12m²</td>
                            <td>2</td>
                            <td>￥400/月</td>
                            <td>
                                <span>详情</span>
                                <span>绑定住户</span>
                                <span>绑定车辆</span>
                                <span>添加收费标准</span>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
                <div class="page-number">
                    <!-- <span class="previousPage">
                        < </span>
                            <span>1</span>
                            <span>2</span>
                            <span>3</span>
                            <span>4</span>
                            <span>5</span>
                            <span class="nextPage">></span>
                            <select name="" class="number">
                                <option value="10">10条/页</option>
                                <option value="9">9条/页</option>
                                <option value="8">8条/页</option>
                            </select>
                            <span>跳至<input type="text" value="" class="totalPages">页</span> -->
                </div>
            </div>
            <!-- 添加车位 -->
            <div id="addParking-space">
                <h3>添加车位</h3>
                <div class="addParking-space-content">
                    <input type="hidden" class="Parking-space-Id">
                    <div>
                        <span>小区:</span>
                        <select name="" id="" class="communityText">
                            <!-- <option value="">凯越</option> -->
                        </select>
                    </div>
                    <div>
                        <span>车位号:</span>
                        <input type="text" placeholder="请输入" class="carportNumberText">
                    </div>
                    <div>
                        <span>产权面积:</span>
                        <input type="text" placeholder="请输入" class="parkingSpaceAreaText">
                    </div>
                    <div>
                        <span>车位类型:</span>
                        <input type="text" placeholder="请输入" class="parkingSpaceTypeText">
                    </div>
                    <div>
                        <span>车位状态:</span>
                        <input type="text" placeholder="请输入" class="parkingSpaceStateText">
                    </div>
                    <div>
                        <span>备注:</span>
                        <textarea name="" id="" cols="30" rows="10"></textarea>
                    </div>
                    <div>
                        <button class="save">保存</button>
                        <button>返回</button>
                    </div>
                </div>
            </div>
            <!-- 业主管理 -->
            <div id="owner">
                <div class="owner-head">
                    <h3>业主管理</h3>
                    <p>无关联房屋住户进入待审核列表；住户迁入房屋后进入已迁入列表；审核不通过进入未通过列表；管理员将住户迁出房屋后，住户进入已迁出列表。</p>
                    <div>
                        <span class="color">已迁入</span>
                        <span>待审核</span>
                        <span>未通过</span>
                        <span>已迁出</span>
                    </div>
                </div>
                <div class="owner-content" id="owner-content1">
                    <div class="owner-content-head">
                        <div>
                            <span>添加</span>
                            <span>导入</span>
                            <span>迁出</span>
                        </div>
                        <div>
                            <input type="text" placeholder="请输入姓名/房号/手机号搜索">
                            <button class="sousuo"></button>
                            <button class="screen"></button>
                        </div>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th><input type="text"></th>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>小区</th>
                                <th>楼宇</th>
                                <th>单元</th>
                                <th>房号</th>
                                <th>住户身份</th>
                                <th>有效期</th>
                                <th>登陆次数</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>1278809</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>业主本人</td>
                                <td>长期</td>
                                <td>34</td>
                                <td>
                                    <span>详情</span>
                                    <span>编辑</span>
                                    <span>迁入</span>
                                    <span>迁出</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>1278809</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>业主本人</td>
                                <td>长期</td>
                                <td>34</td>
                                <td>
                                    <span>详情</span>
                                    <span>编辑</span>
                                    <span>迁入</span>
                                    <span>迁出</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>1278809</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>业主本人</td>
                                <td>长期</td>
                                <td>34</td>
                                <td>
                                    <span>详情</span>
                                    <span>编辑</span>
                                    <span>迁入</span>
                                    <span>迁出</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            < </span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>
                <div class="owner-content" id="owner-content2">
                    <div class="owner-content-head">
                        <div>
                            <span>通过</span>
                            <span>不通过</span>
                        </div>
                        <div>
                            <input type="text" placeholder="请输入姓名/房号/手机号搜索">
                            <button class="sousuo"></button>
                            <button class="screen"></button>
                        </div>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th><input type="text"></th>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>小区</th>
                                <th>楼宇</th>
                                <th>单元</th>
                                <th>房号</th>
                                <th>住户来源</th>
                                <th>申请时间</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>审核</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>审核</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>审核</span>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            << /span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>
                <div class="owner-content" id="owner-content3">
                    <div class="owner-content-head">
                        <div>
                            <span>删除</span>
                        </div>
                        <div>
                            <input type="text" placeholder="请输入姓名/房号/手机号搜索">
                            <button class="sousuo"></button>
                            <button class="screen"></button>
                        </div>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th><input type="text"></th>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>小区</th>
                                <th>楼宇</th>
                                <th>单元</th>
                                <th>房号</th>
                                <th>住户身份</th>
                                <th>有效期</th>
                                <th>登陆次数</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>删除</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>删除</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>删除</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            << /span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>
                <div class="owner-content" id="owner-content4">
                    <div class="owner-content-head">
                        <div>
                            <span>删除</span>
                        </div>
                        <div>
                            <input type="text" placeholder="请输入姓名/房号/手机号搜索">
                            <button class="sousuo"></button>
                            <button class="screen"></button>
                        </div>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th><input type="text"></th>
                                <th>姓名</th>
                                <th>小区</th>
                                <th>手机号</th>
                                <th>住户来源</th>
                                <th>注册时间</th>
                                <th>迁出时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="text"></td>
                                <td>何笑笑</td>
                                <td>中山国际</td>
                                <td>18985858532</td>
                                <td>管理员添加</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>
                                    <span>详情</span>
                                    <span>迁入</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>何笑笑</td>
                                <td>中山国际</td>
                                <td>18985858532</td>
                                <td>管理员添加</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>
                                    <span>详情</span>
                                    <span>迁入</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>何笑笑</td>
                                <td>中山国际</td>
                                <td>18985858532</td>
                                <td>管理员添加</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>
                                    <span>详情</span>
                                    <span>迁入</span>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            << /span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>
            </div>
            <!-- 添加住户 -->
            <div id="addOwner">
                <div class="addOwner-header">
                    <h3>添加住户</h3>
                    <p>1、添加单个新住户，如需批量导入请点击“住户管理—导入”；</p>
                    <p>2、如已迁出用户需再次迁入，请在住户管理中选中已迁出用户进行操作。</p>
                </div>
                <div class="addOwner-basic">
                    <h4>基本信息</h4>
                    <div class="addOwner-basic-content">
                        <div class="addOwner-basic-items1">
                            <div>
                                <span>小区名称：</span>
                                <select name="" id="" class="ownerCommunity">
                                    <!-- <option value="中山国际">中山国际</option>
                                    <option value="新怡家园">新怡家园</option>
                                    <option value="中海国际山庄">中海国际山庄</option> -->
                                </select>
                            </div>
                            <div>
                                <span>姓名:</span>
                                <input type="text" placeholder="请输入" class="ownerName">
                            </div>
                            <div>
                                <span>住户身份：</span>
                                <select name="" id="" class="ownerIdentity">
                                    <option value="业务">业务</option>
                                    <option value="子女">子女</option>
                                    <option value="亲戚">亲戚</option>
                                </select>
                            </div>
                            <div>
                                <span>入住时间：</span>
                                <input type="date" placeholder="请选择时间" class="ownerCheckTime">
                            </div>

                        </div>
                        <div class="addOwner-basic-items2">
                            <div>
                                <span>房间号：</span>
                                <select name="" id="" class="ownerHomeNumber">
                                    <option value="">----级联楼栋-单元-房间号选择---</option>
                                </select>
                            </div>
                            <div>
                                <span>性别：</span>
                                <input type="radio" checked value="nan" name="ownerGender">男<input type="radio"
                                    value="nv" name="ownerGender">女
                            </div>
                            <div>
                                <span>业主卡号：</span>
                                <input type="text" placeholder="请输入" class="ownerCardNumber">
                            </div>
                            <div>
                                <span>手机号：</span>
                                <input type="text" placeholder="请输入" class="ownerPhone">
                            </div>
                        </div>
                        <div class="addOwner-basic-items3">
                            <span>+</span>
                            <p>人脸采集</p>
                            <p>点击打开摄像头</p>
                        </div>
                    </div>
                </div>
                <div class="addOwner-Other">
                    <h4>其他信息</h4>
                    <div>
                        <span>微信号：</span>
                        <input type="text" placeholder="请输入">
                        <span>身份证号：</span>
                        <input type="text" placeholder="请输入" class="ownerIdentityCard">
                    </div>
                    <div>
                        <span>户籍地址：</span>
                        <select name="" id="">
                            <option value="">----级联选择---</option>
                        </select>
                    </div>
                    <div>
                        <span>备注：</span>
                        <textarea name="" id="" cols="30" rows="10" value="请输入"></textarea>
                    </div>
                </div>
                <div class="addOwner-btn">
                    <button>保存</button>
                    <button>返回</button>
                </div>
            </div>
            <!-- 租客管理 -->
            <div id="tenants">
                <div class="tenants-head">
                    <h3>租客管理</h3>
                    <p>无关联房屋住户进入待审核列表；住户迁入房屋后进入已迁入列表；审核不通过进入未通过列表；管理员将住户迁出房屋后，住户进入已迁出列表。</p>
                    <div>
                        <span class="color">已迁入</span>
                        <span>待审核</span>
                        <span>未通过</span>
                        <span>已迁出</span>
                    </div>
                </div>
                <div class="tenants-content" id="tenants-content1">
                    <div class="tenants-content-head">
                        <div>
                            <span>添加</span>
                            <span>导入</span>
                            <span>迁出</span>
                        </div>
                        <div>
                            <input type="text" placeholder="请输入姓名/房号/手机号搜索">
                            <button class="sousuo"></button>
                            <button class="screen"></button>
                        </div>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th><input type="text"></th>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>小区</th>
                                <th>楼宇</th>
                                <th>单元</th>
                                <th>房号</th>
                                <th>住户身份</th>
                                <th>有效期</th>
                                <th>登陆次数</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>1278809</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>业主本人</td>
                                <td>长期</td>
                                <td>34</td>
                                <td>
                                    <span>详情</span>
                                    <span>编辑</span>
                                    <span>迁入</span>
                                    <span>迁出</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>1278809</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>业主本人</td>
                                <td>长期</td>
                                <td>34</td>
                                <td>
                                    <span>详情</span>
                                    <span>编辑</span>
                                    <span>迁入</span>
                                    <span>迁出</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>1278809</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>业主本人</td>
                                <td>长期</td>
                                <td>34</td>
                                <td>
                                    <span>详情</span>
                                    <span>编辑</span>
                                    <span>迁入</span>
                                    <span>迁出</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            < </span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>
                <div class="tenants-content" id="tenants-content2">
                    <div class="tenants-content-head">
                        <div>
                            <span>通过</span>
                            <span>不通过</span>
                        </div>
                        <div>
                            <input type="text" placeholder="请输入姓名/房号/手机号搜索">
                            <button class="sousuo"></button>
                            <button class="screen"></button>
                        </div>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th><input type="text"></th>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>小区</th>
                                <th>楼宇</th>
                                <th>单元</th>
                                <th>房号</th>
                                <th>住户来源</th>
                                <th>申请时间</th>
                                <th>备注</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>审核</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>审核</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>审核</span>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            << /span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>
                <div class="tenants-content" id="tenants-content3">
                    <div class="tenants-content-head">
                        <div>
                            <span>删除</span>
                        </div>
                        <div>
                            <input type="text" placeholder="请输入姓名/房号/手机号搜索">
                            <button class="sousuo"></button>
                            <button class="screen"></button>
                        </div>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th><input type="text"></th>
                                <th>姓名</th>
                                <th>手机号</th>
                                <th>小区</th>
                                <th>楼宇</th>
                                <th>单元</th>
                                <th>房号</th>
                                <th>住户身份</th>
                                <th>有效期</th>
                                <th>登陆次数</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>删除</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>删除</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>李晓霞</td>
                                <td>18888888888</td>
                                <td>中山国际</td>
                                <td>8栋</td>
                                <td>1单元</td>
                                <td>601</td>
                                <td>app</td>
                                <td>2018--6-11 11:00</td>
                                <td>无</td>
                                <td>
                                    <span>删除</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            << /span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>
                <div class="tenants-content" id="tenants-content4">
                    <div class="tenants-content-head">
                        <div>
                            <span>删除</span>
                        </div>
                        <div>
                            <input type="text" placeholder="请输入姓名/房号/手机号搜索">
                            <button class="sousuo"></button>
                            <button class="screen"></button>
                        </div>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th><input type="text"></th>
                                <th>姓名</th>
                                <th>小区</th>
                                <th>手机号</th>
                                <th>住户来源</th>
                                <th>注册时间</th>
                                <th>迁出时间</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td><input type="text"></td>
                                <td>何笑笑</td>
                                <td>中山国际</td>
                                <td>18985858532</td>
                                <td>管理员添加</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>
                                    <span>详情</span>
                                    <span>迁入</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>何笑笑</td>
                                <td>中山国际</td>
                                <td>18985858532</td>
                                <td>管理员添加</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>
                                    <span>详情</span>
                                    <span>迁入</span>
                                </td>
                            </tr>
                            <tr>
                                <td><input type="text"></td>
                                <td>何笑笑</td>
                                <td>中山国际</td>
                                <td>18985858532</td>
                                <td>管理员添加</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>2018-06-14 17:24:22</td>
                                <td>
                                    <span>详情</span>
                                    <span>迁入</span>
                                </td>
                            </tr>

                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            < </span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>
            </div>
            <!-- 添加租客 -->
            <div id="addTenants">
                <div class="addTenants-header">
                    <h3>添加住户</h3>
                    <p>1、添加单个新住户，如需批量导入请点击“住户管理—导入”；</p>
                    <p>2、如已迁出用户需再次迁入，请在住户管理中选中已迁出用户进行操作。</p>
                </div>
                <div class="addTenants-basic">
                    <h4>基本信息</h4>
                    <div class="addTenants-basic-content">
                        <div class="addTenants-basic-items1">
                            <div>
                                <span>小区名称：</span>
                                <select name="" id="">
                                    <option value="中山国际">中山国际</option>
                                    <option value="新怡家园">新怡家园</option>
                                    <option value="中海国际山庄">中海国际山庄</option>
                                </select>
                            </div>
                            <div>
                                <span>姓名:</span>
                                <input type="text" placeholder="请输入">
                            </div>
                            <div>
                                <span>住户身份：</span>
                                <select name="" id="">
                                    <option value="业务">业务</option>
                                    <option value="子女">子女</option>
                                    <option value="亲戚">亲戚</option>
                                </select>
                            </div>
                            <div>
                                <span>入住时间：</span>
                                <input type="date" placeholder="请选择时间">
                            </div>

                        </div>
                        <div class="addTenants-basic-items2">
                            <div>
                                <span>房间号：</span>
                                <select name="" id="">
                                    <option value="">----级联楼栋-单元-房间号选择---</option>
                                </select>
                            </div>
                            <div>
                                <span>性别：</span>
                                <input type="radio" checked value="nan" name="gender">男<input type="radio" value="nv"
                                    name="gender">女
                            </div>
                            <div>
                                <span>业主卡号：</span>
                                <input type="text" placeholder="请输入">
                            </div>
                            <div>
                                <span>手机号：</span>
                                <input type="text" placeholder="请输入">
                            </div>
                        </div>
                        <div class="addTenants-basic-items3">
                            <span>+</span>
                            <p>人脸采集</p>
                            <p>点击打开摄像头</p>
                        </div>
                    </div>
                </div>
                <div class="addTenants-Other">
                    <h4>其他信息</h4>
                    <div>
                        <span>微信号：</span>
                        <input type="text" placeholder="请输入">
                        <span>身份证号：</span>
                        <input type="text" placeholder="请输入">
                    </div>
                    <div>
                        <span>户籍地址：</span>
                        <select name="" id="">
                            <option value="">----级联选择---</option>
                        </select>
                    </div>
                    <div>
                        <span>备注：</span>
                        <textarea name="" id="" cols="30" rows="10" value="请输入"></textarea>
                    </div>
                </div>
                <div class="addTenants-btn">
                    <button>保存</button>
                    <button>返回</button>
                </div>
            </div>
            <!-- 访客管理 -->
            <div id="visitors">
                <div class="visitors-top">
                    <div>
                        <span>所有访客</span>
                        <h3>129</h3>
                    </div>
                    <div>
                        <span>当前访客</span>
                        <h3>56</h3>
                    </div>
                    <div>
                        <span>待访来客</span>
                        <h3>18</h3>
                    </div>
                    <div>
                        <span>+</span>
                        <p>新增访客</p>
                    </div>
                </div>
                <div class="visitors-content">
                    <div>
                        <input type="text" placeholder="请输入姓名/手机号搜索">
                        <button class="sousuo"></button>
                        <button class="screen"></button>
                    </div>
                    <table cellspacing="0">
                        <thead>
                            <tr>
                                <th>姓名</th>
                                <th>性别</th>
                                <th>联系方式</th>
                                <th>到访时间</th>
                                <th>离开时间</th>
                                <th>小区</th>
                                <th>房号</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>李小璐</td>
                                <td>女</td>
                                <td>18888888888</td>
                                <td>2021-04-20 10:30</td>
                                <td>2018-10-02 11:30</td>
                                <td>中山国际</td>
                                <td>3栋1单元201</td>
                                <td>
                                    <span>修改</span>
                                    <span>删除</span>
                                </td>
                            </tr>
                            <tr>
                                <td>李小璐</td>
                                <td>女</td>
                                <td>18888888888</td>
                                <td>2021-04-20 10:30</td>
                                <td>2018-10-02 11:30</td>
                                <td>中山国际</td>
                                <td>3栋1单元201</td>
                                <td>
                                    <span>修改</span>
                                    <span>删除</span>
                                </td>
                            </tr>
                            <tr>
                                <td>李小璐</td>
                                <td>女</td>
                                <td>18888888888</td>
                                <td>2021-04-20 10:30</td>
                                <td>2018-10-02 11:30</td>
                                <td>中山国际</td>
                                <td>3栋1单元201</td>
                                <td>
                                    <span>修改</span>
                                    <span>删除</span>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="page-number">
                        <span>
                            < </span>
                                <span>1</span>
                                <span>2</span>
                                <span>3</span>
                                <span>4</span>
                                <span>5</span>
                                <span>></span>
                                <select name="" class="number">
                                    <option value="10">10条/页</option>
                                    <option value="9">9条/页</option>
                                    <option value="8">8条/页</option>
                                </select>
                                <span>跳至<input type="text" value="5">页</span>
                    </div>
                </div>

            </div>
            <!-- 广告位管理 -->
            <div id="advertising">
                <div class="advertising-space-nav">
                    <div>
                        <span>添加</span>
                        <span>导入</span>
                        <span>添加收费标准</span>
                        <span>删除</span>
                    </div>
                    <div>
                        <input type="text" placeholder="请输入广告位名称、广告编号" class="number">
                        <button class="sousuo"></button>
                        <button class="screen"></button>
                    </div>
                </div>
                <table cellspacing="0">
                    <thead>
                        <tr>
                            <th>广告位编号</th>
                            <th>广告位名称</th>
                            <th>广告位状态</th>
                            <th>小区</th>
                            <th>广告位位置</th>
                            <th>广告位大小</th>
                            <th>收费标准个数</th>
                            <th>广告位价格</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <!-- <tr>
                            <td>34345345</td>
                            <td>XCXCXC广告位</td>
                            <td>已出租</td>
                            <td>中山国际</td>
                            <td>#￥#%#%#</td>
                            <td>2m²</td>
                            <td>1</td>
                            <td>7888</td>
                            <td>
                                <span>详情</span>
                                <span>添加收费标准</span>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td>34345345</td>
                            <td>XCXCXC广告位</td>
                            <td>已出租</td>
                            <td>中山国际</td>
                            <td>#￥#%#%#</td>
                            <td>2m²</td>
                            <td>1</td>
                            <td>7888</td>
                            <td>
                                <span>详情</span>
                                <span>添加收费标准</span>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td>34345345</td>
                            <td>XCXCXC广告位</td>
                            <td>已出租</td>
                            <td>中山国际</td>
                            <td>#￥#%#%#</td>
                            <td>2m²</td>
                            <td>1</td>
                            <td>7888</td>
                            <td>
                                <span>详情</span>
                                <span>添加收费标准</span>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr> -->

                    </tbody>
                </table>
                <div class="page-number">
                    <span>
                        < </span>
                            <span>1</span>
                            <span>2</span>
                            <span>3</span>
                            <span>4</span>
                            <span>5</span>
                            <span>></span>
                            <select name="" class="number">
                                <option value="10">10条/页</option>
                                <option value="9">9条/页</option>
                                <option value="8">8条/页</option>
                            </select>
                            <span>跳至<input type="text" value="5">页</span>
                </div>
                <!-- 添加广告位 -->
                <div class="addAdvertising">
                    <div>
                        <span>广告位编号:</span>
                        <input type="text" placeholder="请输入" class="advertisingNumber">
                    </div>
                    <div>
                        <span>广告位名称:</span>
                        <input type="text" placeholder="请输入" class="advertisingName">
                    </div>
                    <div>
                        <span>广告位状态:</span>
                        <select name="" id="" class="advertisingState">
                            <option value="已出租">已出租</option>
                            <option value="未出租">未出租</option>
                        </select>
                    </div>
                    <div>
                        <span>小区:</span>
                        <select name="" id="" class="communityName">
                            <option value="">中山国际</option>
                        </select>
                    </div>
                    <div>
                        <span>广告位位置:</span>
                        <input type="text" placeholder="请输入" class="advertisingLocation">
                    </div>
                    <div>
                        <span>广告位大小:</span>
                        <input type="text" placeholder="请输入" class="advertisingSize">
                    </div>
                    <div>
                        <span>收费标准个数:</span>
                        <input type="text" placeholder="请输入" class="chargeStandard">
                    </div>
                    <div>
                        <span>广告位价格:</span>
                        <input type="text" placeholder="请输入" class="advertisingPrice">
                    </div>
                    <div>
                        <button class="add">新增</button>
                        <button>返回</button>
                    </div>
                </div>
            </div>
            <!-- 车辆管理 -->
            <div id="vehicle">
                <div class="vehicle-space-nav">
                    <div>
                        <span>添加</span>
                        <span>导入</span>
                        <span>添加收费标准</span>
                        <span>删除</span>
                    </div>
                    <div>
                        <input type="text" placeholder="请输入车位号">
                        <button class="sousuo"></button>
                        <button class="screen"></button>
                    </div>
                </div>
                <table cellspacing="0">
                    <thead>
                        <tr>
                            <th>序号</th>
                            <th>小区名称</th>
                            <th>登记车牌</th>
                            <th>车主</th>
                            <th>联系方式</th>
                            <th>关联车位</th>
                            <th>授权开始时间</th>
                            <th>授权结束时间</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>中山国际</td>
                            <td>川A·88888</td>
                            <td>李晓琪</td>
                            <td>18888888888</td>
                            <td>C1212</td>
                            <td>2020-10-11</td>
                            <td>2021-10-11</td>
                            <td>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>中山国际</td>
                            <td>川A·88888</td>
                            <td>李晓琪</td>
                            <td>18888888888</td>
                            <td>C1212</td>
                            <td>2020-10-11</td>
                            <td>2021-10-11</td>
                            <td>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>中山国际</td>
                            <td>川A·88888</td>
                            <td>李晓琪</td>
                            <td>18888888888</td>
                            <td>C1212</td>
                            <td>2020-10-11</td>
                            <td>2021-10-11</td>
                            <td>
                                <span>编辑</span>
                                <span>删除</span>
                            </td>
                        </tr>

                    </tbody>
                </table>
                <div class="page-number">
                    <span>
                        < </span>
                            <span>1</span>
                            <span>2</span>
                            <span>3</span>
                            <span>4</span>
                            <span>5</span>
                            <span>></span>
                            <select name="" class="number">
                                <option value="10">10条/页</option>
                                <option value="9">9条/页</option>
                                <option value="8">8条/页</option>
                            </select>
                            <span>跳至<input type="text" value="5">页</span>
                </div>
            </div>
        </div>
    </main>
</body>

</html>